<template>
    <div>
          <div class="nav">
                <section class="sec-01">
                  <div class="close" flex="main:right" @click="doClose">
                    <img src="../assets/img/close.png" alt="">
                  </div>
                  <footer-component></footer-component>
                </section>
          </div>
    </div>
</template>
<script type="text/ecmascript-6">
  import FooterComponent from "./layout/Footer"
    export default {
        data() {
            return {}
        },
        mounted: function () {
        },
        components: {
          FooterComponent,
        },
      methods:{
          doClose(){
            this.$router.push({path:"/home"})
          }
      }
    }
</script>
<style scoped lang="scss">
    .nav{
      width: 100vw;
      height: 100vh;
      background: black;
      .sec-01{
        width: 100vw;
        .close{
          width:100vw;
          padding: 35px;
          img{
              width: 40px;
              height: 40px;

          }
        }
      }
    }
</style>
